<template>
  <div id="app">
    <router-view />
    <footer @click="handle($event)">
      <input type="button" value="首页" data-path="/home" />
      <input type="button" value="关于" data-path="/about" />
    </footer>
  </div>
</template>
<script>
export default {
  name: "App",
  methods:{
    handle(e){
      let path = e.target.dataset["path"];
      this.$router.push(path);
    }
  }
}
</script>
<style lang="less">
@import "./assets/css/base.css";
footer {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 49px;
  background-color: gray;
  display: flex;
  input {
    flex: 1;
    font: normal normal 1.5rem/49px "微软雅黑";
  }
}
</style>